<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../css/common/all.css">
    <link rel="stylesheet" href="../../css/book/booksell.css">
    <link rel="stylesheet" href="../../plugins/layui.css">
    <script src="../../plugins/jquery-3.2.1.min.js"></script>
    
    <title>书籍详情</title>
</head>

<body>
    <iframe src="../common/header.html" height="140px" width="100%" scrolling="no" frameborder="0"></iframe>

    <!-- 中间书籍详细信息 -->
    <div class="box">
        <!-- 左边图片和中间内容 -->
        <div class="book-detail">
            <!-- 书记图片 -->
            <div class="book-pic">
                <img src="../../images/pic.png" alt="">
            </div>
            <!-- 详细信息 -->
            <div class="sell-info">
                <div class="base-info">
                    <div class="title-box">
                        <h1>Java程序语言设计</h1>
                    </div>
                    <p class="describe">正版一手库存书，无笔记，未翻阅。如果商品名称和图片不符时，以商品名称为准，配货发货只核对书号和商品名称，谢谢</p>
                    <div class="keyword">
                        <ul>
                            <li>
                                <span style="color: #999;">作者：</span>
                                <span>李树新</span>
                            </li>
                            <li><span style="color: #999;">出版社：</span>
                                <span>清华大学</span>
                            </li>
                        </ul>
                    </div>
                    <div class="price">
                        <p class="now-price common-price">
                            <span class="price-text">售价</span>
                            <span class="now-price-count">￥12</span>
                        </p>
                        <p class="origin-price common-price">
                        <span class="price-text">原价</span>
                        <span class="origin-price-count">￥12</span>
                        </p>
                        <p class="quality common-price">
                            <span class="price-text">品相</span>
                            <span class="quality-text">全新</span>
                        </p>
                    </div>
                    <p class="up-time">
                        <span class="up-time-text">上书时间</span>
                        <span class="up-time-detail">2023-09-03</span>
                    </p>
                    <div class="count-check">
                        <dl>
                            <dt>数量</dt>
                            <dd>
                                <div class="select">
                                    <span class="add">+</span>
                                    <input class="count-var" name="book-count" value="1">
                                    <span class="sub">-</span>
                                </div>
                                <div class="count-state">
                                    库存
                                    <i>10</i>
                                    件
                                </div>
                            </dd>
                        </dl>
                    </div>
                    <div class="buy">
                        <div class="buy-error"></div>
                        <div class="on-sell">
                            <a class="go-buy">立即购买</a>
                            <a class="add-cart"><i class="cart-icon"></i><span>加入购物车</span></a>
                            <div class="share">
                                <i class="share-icon"></i>
                                <span>分享</span>
                                <div class="share-box" style="display: none; top: -45px; opacity: 0;">
                                    <a href="javascript:;" class="bds_weixin icon-weixin iconfont" title="分享到微信"></a>
                                    <a href="javascript:;" class="bds_tsina icon-weibo iconfont" title="分享到微博"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 右边卖家信息 -->
        <div class="seller">
            <div class="storeIns-content">
                <div class="sell-user">
                    <div class="seller-name">
                        <a href="#" target="_blank">地球没有星星</a>
                    </div>
                </div>
                <div class="seller_top">
                    <div class="storeIns_content_left">卖家等级:</div>
                    <a class="storeIns_content_right" target="_blank" href="#">五级</a>
                </div>
                <div class="auth_top">
                    <div class="storeIns_content_left">资质认证:</div>
                    <div class="storeIns_content_right">
                        <i class="iconfont icon-shimingrenzheng" title="实名认证">信用优秀</i>
                    </div>
                </div>
            </div>

            <div class="rate-block" style="display: block;">
                <div class="score_box">
                    <div class="score_title">近90天平均</div>
                </div>
                <div class="exchange_rate">
                    <div class="storeIns_content_left">成功完成:</div>
                    <a href="#" target="_blank" class="storeIns_content_right">
                        <span class="storeIns_content_reputation">87.43%</span>
                        <span class="sale-count">(8090笔)</span> </a>
                </div>
                <div class="good_rate">
                    <div class="storeIns_content_left">好评率:</div>
                    <a href="#" target="_blank" class="storeIns_content_right">
                        <span class=" storeIns_content_reputation">99.78%</span>
                    </a>
                </div>
                <div class="send_time">
                    <div class="storeIns_content_left">发货时间:</div>
                    <a href="#" target="_blank" class="storeIns_content_right">
                        <div class="storeIns_content_reputation">12小时内</div>
                    </a>
                </div>
            </div>

            <div class="shopper_owner_info">
                <div class="chat-box">
                    <div class="storeIns_content_left">联系卖家</div>
                    <div class="storeIns_content_right">
                        <a type="talk" userid="14007862" sendreferer="1" infourl="#" class="imNotice-message">
                            <span class="on">在线交谈</span>
                            <span class="off">离线留言</span>
                        </a>
                        </div>
                </div>
                <div class="address">
                    <div class="storeIns_content_left">地址</div>
                    <div class="storeIns_content_right">广东省江门市蓬江区五邑大学</div>
                </div>
            </div>

        </div>
    </div>

    <div class="next-box">

        <div class="remark-box">
            <div class="book-remark">书籍评价</div>
            <div class="remark-item">
                <p>在下最喜欢看书</p>
                <h1>书的质量非常好</h1>
            </div>
            <div class="remark-intem">
                <p>在下最喜欢看书</p>
                <h1>书的质量非常好</h1>
            </div>
            <div class="remark-intem">
                <p>在下最喜欢看书</p>
                <h1>书的质量非常好</h1>
            </div>
        </div>
        


    </div>










    <iframe id="footer-iframe" style="position:relative;bottom: 0;left: 0;" src="../common/footer.html" height="100px" width="100%"
        scrolling="no" frameborder="0"></iframe>
    
        <script src="../../js/bookSell.js"></script>


</body>

</html>